<template>



    <div>
        <a-button type="primary" icon="arrow-left" size="large" @click="$router.push('/')">返回</a-button>
        <h1>Detail</h1>

            <a-card hoverable style="width: 240px">
                <img
                        slot="cover"
                        alt="example"
                        :src="info.img_url"
                />
                <a-card-meta :title="info.name">
                    {{info.detail}}
                </a-card-meta>
            </a-card>


    </div>

</template>

<script>
    export default {
        name: "detail",
        data: function () {
            return {

                info: ''
            }
        },
        mounted(){
            console.log(this.$route)
            let info=this.$route.params
             console.log(info)
            this.info=info
        }
    }

</script>

<style scoped>

</style>